<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<style type="text/css">
	.box {
		border: 1px solid black;
		overflow: hidden;
	}

	.left,
	.right {
		padding-bottom: 1000px;
		margin-bottom: -1000px;
		float: left;
	}
	.left{
		background-color: #FF69B4;
	}
	.right{
		background-color: #FF6945;
	}

	.clearfix {
		*zoom: 1;
	}

	.clearfix:after {
		content: "";
		display: block;
		clear: both;
	}

	.box {
		margin: 100px auto;
		width: 20%;
	}
</style>

<body>
	<div class="box clearfix">
		<div class="left">
			mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br />
		</div>
		<div class="right">
			mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br /> mui
			<br />
		</div>

	</div>
</body>

</html>
